<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>css3图片动态提示Demo</title>
	<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
	<figure class="test1">
		<img src="img/4.jpeg">
		<figcaption>
			<h2>图片标题</h2>
			<p>图片注解1</p>
			<p>图片注解2</p>
			<p>图片注解3</p>			
		</figcaption>
	</figure>
	<figure class="test2">
		<img src="img/D.jpg">
		<figcaption>
				<h2>图片标题</h2>
				<p>图片注解</p>			
			<div></div>
		</figcaption>
	</figure>
	<figure class="test3">
		<img src="img/A.jpg">
		<figcaption>
			<h2>图片标题</h2>
			<p>图片注解图片注解图片注解图片注解</p>			
		</figcaption>
	</figure>
	<figure class="test4">
		<img src="img/E.jpg">
		<figcaption>
				<h2>图片标题</h2>
				<p>图片注解</p>			
			<div></div>
		</figcaption>
	</figure>
	<figure class="test5">
		<img src="img/F.jpg">
		<figcaption>
			<h2>图片标题</h2>
			<p>图片注解</p>	
			<span class="fa fa-heart"></span>
			<i class="fa fa-download"></i>
			<div></div>
		</figcaption>
	</figure>
	<figure class="test6">
		<img src="img/C.jpg">
		<figcaption>
			<h2>图片标题</h2>
			<p>图片注解</p>	
			<div></div>
			<div></div>
			<h3></h3>
			<h3></h3>
		</figcaption>
	</figure>
</body>
</html>